@charset "UTF-8";
@import 'mixin.scss';
/*index*/
.exam-banner {
  @include bis('../../img/exam/exam-banner.jpg');
  background-color: #358FE3;
  background-position: 50% -10px;
  height: 240px;
}
.exam-appDownload__wrap {display: inline-block;margin-top: 180px}
.exam-appDownload__wrap > .btn {border-color: #fff !important;background-color: #fff;box-shadow: 0 0 30px rgba(255,255,255, .3);padding: 6px 25px;font-size: 16px;color: $master}
.exam-appDownload__wrap > .btn:hover {box-shadow: 0 0 30px rgba(255,255,255, .5);color: $master}
.exam-appDownload-pic {
  background-color: #fff;
  border: 5px solid #fff;
  width: 180px;
  height: 180px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -90px;
  display: none;
  @include tranTime(0.5s);
  z-index: 9;
}
.exam-appDownload__wrap:hover .exam-appDownload-pic {
  display: block;
}
.e-box,
.cm-wbg__bx {
  box-shadow: 0 0 30px rgba(115,185,230,.3);
  padding: 30px 20px;
  @include tranTime(0.3s);
}
.e-box:hover {
  box-shadow: 0 0 50px rgba(115,185,230,.3);
}
.kd-icon,
.ct-icon,
.zj-icon,
.vip-icon {
  @include bis('../../img/exam/i-e-icons.png');
  display: inline-block;
  width: 88px;
  height: 88px;
}

.kd-icon {background-position: 0 0}
.ct-icon {background-position: 0 -176px}
.zj-icon {background-position: 0 -352px}
.vip-icon {background-position: 0 -528px}
.e-box:hover:hover .kd-icon {background-position: 0 -88px}
.e-box:hover:hover .ct-icon {background-position: 0 -264px}
.e-box:hover:hover .zj-icon {background-position: 0 -440px}
.e-box:hover:hover .vip-icon {background-position: 0 -616px}

.i-e-four-btn > .btn {
  width: 70%;
  height: 40px;
  font-size: 16px;
}
.i-e-tj-face .wg-face-list > li {
  width: 42px;
  height: 42px;
  position: relative;
  margin-left: 10px;}
.i-e-tj-face .wg-face-list > li::after {
  background-color: transparent;
  @include borderRadius(20px);
  position: absolute;
  bottom: -24px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  line-height: 6px;
  font-size: 0;
  margin-left: -3px;}
.i-e-tj-face .wg-face-list > li > a > img {border: 1px solid transparent;@include tranTime(.3s);}
.i-e-tj-face .wg-face-list > li > a:hover > img,
.i-e-tj-face .wg-face-list > li.active > a > img {border-color: $master}
.i-e-tj-face .wg-face-list > li.active::after {background-color: $master}
.i-e-echart__wrap {
  width: 100%;
  height: 500px;}
.i-e-exam-upload__wrap {
  @include bis('../../img/exam/i-e-exam-upload-bg.jpg');
  background-position: 50% bottom;
  background-size: 100% 100%;
  padding: 80px 0 50px 0;
  margin: 0 -30px -30px}
.i-e-exam-upload-btn {margin-top: 70px}
.i-e-exam-upload-btn .btn {width: 200px;height: 56px;}
.i-e-upSlide__wrap,
.i-e-upSlide-ul {
  margin: 0;
  height: 316px;
  overflow: hidden;}
.i-e-upSlide-ul > li {
  height: 65px;
  clear: both;
  overflow: hidden;
  }
.i-e-upSlide-ul > li > .media {margin: 13px 0;}
.km-list__wrap > a.km-list-item-btn {
  @include borderRadius(0);
  margin: 10px 10px 0 0;
  position: relative;
  padding-left: 20px;
  color: #666 !important;}
.km-list__wrap > a.km-list-item-btn::after {
  position: absolute;
  bottom: 5px;
  left: 8px;
  content: '.';
  font-size: 30px;
  color: #ccc;}
.km-list__wrap > a.km-list-item-btn.active,
.km-list__wrap > a.km-list-item-btn.active:hover,
.km-list__wrap > a.km-list-item-btn.active::after{
  border-color: $master !important;
  color: $master !important;
}
.km-list__wrap > a.km-list-item-btn.active:hover {background-color: #fff;}
.blank-item {background-color: #EDF7FF;border: 1px solid transparent;opacity: .8;padding: 10px 15px;position: relative;
  overflow: hidden;
  cursor: pointer;
  @include tranTime(.1s);
}
.blank-item::after {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blank-item.active,
.blank-item:hover {
  border-color: $master;
  opacity: 1;
}
.blank-item.active::after,
.blank-item:hover::after {
  background-color: $master;
}
.blank-item-opc {
  opacity: .6;}

/*tree*/
.e-kdTree-ico-1 > i.fa {
  border: 3px solid rgba(72,170,255,.3);
  @include borderRadius(20px);
  display: inline-block;
  width: 16px;
  height: 17px;
}
.e-kdTree-dl .badge {
  background-color: #fff;
  border: 1px solid $master;
  color: $master;
  font-weight: normal;
  padding: 1px 7px;
  margin-left: 3px
}
.e-kdTree-dl .btn.btn-outline.btn-info {padding: 2px 10px}
.e-childKdTree__wrap {
  padding: 10px 0 10px 15px;
  border-left: 1px solid #F3F6F8;
  min-height: 80px;
  margin-left: 30px;
}
.e-childKdTree-item {padding: 8px 0;@include tranTime(.3s)}
.e-kdTree-ico-2 {
  background-color: #fff;
  border: 1px solid $master;
  @include borderRadius(20px);
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 0;
  margin-left: -20px
}
.e-childKdTree-item:hover {background-color: #ECF5FB}
.e-childKdTree-item:hover .e-ckdTree-txt {
  color: $master;}
.e-childKdTree-item:hover .e-ckdTree-txt .e-kdTree-ico-2 {
  background-color: $master;
}

/*assessment*/
.e-assess-tp-ul > ul {margin: 0 -15px}
.e-assess-tp-ul > ul > li {
  float: left;
  width: 20%;}
.e-assess-tp-ul .e-box {margin: 0 15px;padding: 25px 20px}
.e-assess-ico {width: 50px;margin-right: 15px;padding-bottom: 10px}
.e-assess-ico > span {
  @include bis('../../img/exam/e-assess-ico.png');
  display: inline-block;
  width: 50px;
  height: 50px;
}
.e-assess-ico > .e-assess-ico-1 {background-position: 0 0}
.e-assess-ico > .e-assess-ico-2 {background-position: 0 -56px}
.e-assess-ico > .e-assess-ico-3 {background-position: 0 -110px}
.e-assess-ico > .e-assess-ico-4 {background-position: 0 -172px}
.e-assess-ico > .e-assess-ico-5 {background-position: 0 -227px}
.e-assess-lineCharset__wrap {
  /*background: rgb(76,172,248); !* Old browsers *!
  background: -moz-linear-gradient(left, rgba(76,172,248,1) 0%, rgba(17,121,224,1) 100%); !* FF3.6-15 *!
  background: -webkit-linear-gradient(left, rgba(76,172,248,1) 0%,rgba(17,121,224,1) 100%); !* Chrome10-25,Safari5.1-6 *!
  background: linear-gradient(to right, rgba(76,172,248,1) 0%,rgba(17,121,224,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cacf8', endColorstr='#1179e0',GradientType=1 ); !* IE6-9 *!*/
  height: 650px;
}
.e-assess-charset-box {
  height: 540px;}
.e-ass-kd-tab {margin-bottom: -20px}
.e-ass-kd-tab > button[type='button'] {
  @include borderRadius(0);
  position: relative;
  height: 45px;
  line-height: 32px;
  font-size: 15px
}
.e-ass-kd-tab > button[type='button'].current::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  background-color: $master;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.exam-pay-list  .exam-addCard-btn {display: none;}
.exam-pay-list:hover  .exam-addCard-btn {display: inline;}

/*exam ing*/

.examPageBody {
  background-color: #F4F8FB;
  height: 100%;}
/*.examPageBody .containe {width: 1220px !important;padding: 0;}*/
.examPageMain {padding-right: 230px;}
.examPageMain .cm-wbg__bx,
.exam-cm-sort-bx.cm-wbg__bx,
.exam-marking__wrap {
  padding: 15px;
/*  box-shadow: 0 0 10px rgba(115, 185, 230, 0.08);
  border-top-right-radius: 0*/
}
.exam-cm-sort-bx.cm-wbg__bx {
  padding: 15px 20px 10px;
}
.exam-cm-sort-bx .cm-sort__wrap .cm-sort {
  padding: 10px 0 0 0;
}
.exam-marking__wrap {
  position: absolute;
  right: 50%;
  margin-right: -610px;
  width: 240px;
  top: 30px;
  bottom: 0;
  border-top-left-radius: 0;
  @include tranTime(0s);
}
#question-record-list-box {
  min-height: 380px;
}
.exam-marking-box {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;}
.e-m-time__wrap {
  @include bis('../../img/exam/i-e-exam-upload-bg.jpg');
  background-position: 50% bottom;
  background-size: 100% 100%;
  margin: 0 -15px;
  padding: 0 15px 15px;
  min-height: 212px;
}
.exam-answerCard__wrap {
  position: absolute;
  top: 245px;
  left: 0;
  right: 0;
  bottom:0;
  width: 100%;}
.eMarking-box__wrap {margin-right: -10px;
  position: relative;top: 0;bottom: 0;
  height: 100%;}
.ic-answerCard-num-list>ol>li {float: left;margin: 6px 3px 0}
.ic-answerCard-num-list>ol>li>a,
.ic-answerNum-option {border: 1px solid #bbb;border-radius: 50%;color: #888;display: block;width: 28px;height: 28px;line-height: 28px;text-align: center;font-style: normal;font-weight: normal;}
.ic-answerNum-option.badge-info {border-color: #30a4ff;color: #fff;}
.ic-answerCard-num-list>ol.ic-ac-checkbox-ol>li>a,
.ic-answerNum-option.ic-ac-checkbox {border-radius: 6px}
.ic-answerCard-num-list>ol>li>a:hover {color: $master}
.ic-answerCard-num-list>ol>li.ic-ac-error>a,
.ic-answerCard-num-list>ol>li.ic-ac-error>a:hover,
.ic-ac-error>.ic-answerNum-option,
.ic-ac-error>.ic-answerNum-option:hover {border-color: #ED5767;color: #ED5767}
.ic-answerCard-num-list>ol>li.ic-ac-correct>a,
.ic-answerCard-num-list>ol>li.ic-ac-correct>a:hover,
.ic-ac-correct>.ic-answerNum-option,
.ic-ac-correct>.ic-answerNum-option:hover {border-color: #52C381;color: #52C381}

.examRecord-card-list-box .ic-answerCard-num-list>ol>li.ic-ac-error>a,
.examRecord-card-list-box .ic-answerCard-num-list>ol>li.ic-ac-error>a:hover {
  background-color: #ED5767;
  border-color: transparent;
  color: #fff
}

.examRecord-card-list-box .ic-answerCard-num-list>ol>li.ic-ac-halfRight>a,
.examRecord-card-list-box .ic-answerCard-num-list>ol>li.ic-ac-halfRight>a:hover {
  background: -moz-linear-gradient(top, rgba(231,76,60,1) 0%, rgba(53,206,118,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(231,76,60,1) 0%,rgba(53,206,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(231,76,60,1) 0%,rgba(53,206,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#35ce76',GradientType=0 ); /* IE6-9 */
  border: none;
  color: #fff
}

.examRecord-card-list-box .ic-answerCard-num-list>ol>li.ic-ac-correct>a,
.examRecord-card-list-box .ic-answerCard-num-list>ol>li.ic-ac-correct>a:hover {
  background-color: #52C381;
  border-color: transparent;
  color: #fff
}

.ic-answerCard-num-list>ol>li.ac-ok>a,
.ic-answerCard-num-list>ol>li.ac-ok>a:hover {border-color: #30a4ff;color: #30a4ff}
.ic-answerNum-opBox .ic-options-list {min-height: 36px;position: relative}
.ic-answerNum-opBox .ic-options-list > label > address {padding: 5px 0 0 40px;font-weight: normal;}
.ic-answerNum-opBox .ic-options-list > label > address:hover * {color: $master}
.ic-answerNum-opBox .ic-options-list > label > address img {margin-top: 10px}
.ic-options-list > label > span {font-size: 16px;position: absolute;left: 0;top: 50%;margin-top: -26px}
.exam-tg-txt__wrap {padding: 20px 10px;}
.e-tg-box img,
.analysis-box img {
  background-color: #fff;
  height: auto;
  max-width: 220px;
  display: inline-block;
  margin: 0 10px 10px 0;
  cursor: pointer;
  cursor: url(../../img/big.cur), auto;
}
.layui-layer-bigPicWrap .layui-layer-content {
  background-color: #fff;
  text-align: center;
  padding: 10px;
}
.layui-layer-bigPicWrap .layui-layer-title {
  background-color: transparent;
  border-color: transparent;
}
.ic-options__wrap {background-color: #F9FDFF;border-color: #EDF0F7;box-shadow: none}
.ic-options__wrap .checkbox,
.ic-options__wrap .radio {margin: 0;}
.analysis-box {border-top: 1px solid #EDF0F7;display: none;margin: 20px 0 0 0;padding-top: 15px}
.analysis-btn .fa-angle-down {
  @include tranTime(.3s);
}
.analysis-btn.open .fa-angle-down {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.subExamIco,
.goonExamIco {
  display: inline-block;
  width: 260px;
  height: 210px;
  @include bis('../../img/exam/subExamIco.jpg');
  background-position: 0 0;
}
.goonExamIco {
  @include bis('../../img/exam/goonExamIco.jpg');
}
.exam-result-num__wrap > .alert {
  @include borderRadius(0);
  background-color: #FDFAF6;
  border: 1px solid #FAEBD2;
}
.vipSubmit-ico__wrap {
  @include bis('../../img/exam/submit-ok-ico.jpg');
  display: inline-block;
  width: 300px;
  height: 214px;
  margin: 50px auto 0
}
/*user*/
.e-u-cont__wrap {border-left: 1px solid #e2e2e2;min-height: 500px;padding-left: 25px;margin-left: -25px}
.e-u-menu__wrap {margin: 0 10px 0 -5px;padding: 0;overflow: hidden}
.e-u-menu__wrap > ul > li > a {
  color: #666;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;}
.e-u-menu__wrap > ul > li.active > a {
  background-color: $master;
  color: #fff;
}
.e-u-assess__wrap .e-assess-tp-ul .e-box {box-shadow: none;padding: 20px 10px;margin: 0 8px;}

/*comm*/
.lay_ppComment__wrap .layui-layer-btn {text-align: center}
.lay_ppComment__wrap .layui-layer-btn > a {
  height: 42px;
  line-height: 41px;
  font-size: 16px;
}

/*new CSS*/
.ex-icon{display:inline-block;width:20px;height:20px;@include bis('../../img/exam/ex-icon.png');}
.stick{padding: 1px 5px;border: solid 1px #FFA200;display: inline-block;}
.b-halfRight {
  background: -moz-linear-gradient(top, rgba(231,76,60,1) 0%, rgba(53,206,118,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(231,76,60,1) 0%,rgba(53,206,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(231,76,60,1) 0%,rgba(53,206,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#35ce76',GradientType=0 ); /* IE6-9 */
  color: transparent !important;
  border-radius: 20px;
  display: inline-block;
  @include wh(10px, 10px);
}
.b-halfRight > .fa {display: none}
